<%@include file="/WEB-INF/header2.jsp"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<style>
#table-1 thead, #table-1 tr {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #a8bfde;
}

#table-1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a8bfde;
}

#table-1 td, #table-1 th {
	padding: 5px 10px;
	font-size: 12px;
	font-family: Verdana;
	color: #5b7da3;
}

#table-1 tr:nth-child(even) {
	background: #d3dfed
}

#table-1 tr:nth-child(odd) {
	background: #FFF
}

table td {
	vertical-align: middle !important;
	text-align: center;
}
</style>

<div id="page-wrapper">
	<div class="row">
		<div class="col-lg-12">
			<h1 class="page-header" style="text-align: center;">家族族谱系统</h1>
		</div>
		<!-- /.col-lg-12 -->
	</div>
	<!-- /.row -->
	<span style="font-size: 30px;">传家宝</span> 
	<font color="red" style="margin-left: 70px;">
	<span id="message">${msg}</span>
	</font>
	<div class="container">
		<table id="table-1" class="table table-hover table-bordered">
			<tr>
				<th>序号</th>
				<th>传家宝</th>
				<th>宝名</th>
				<th>宝贝来历</th>
			</tr>
			<c:forEach var="baby" items="${baby}" varStatus="vs">
				<tr>
					<td>${baby.baby_id }</td>
					<td><img class="img-circle" data-toggle="modal"
						data-target="#myModal2" style="width: 122px; height: 122px;"
						src="${baby.baby_photo }"></td>
					<td>${baby.baby_name }</td>
					<td>${baby.baby_message }</td>
		
				</tr>
			</c:forEach>
		</table>
	</div>
</div>

<%@include file="/WEB-INF/footer.jsp"%>